<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta name="google-analysis-id" content="1h2s392s2q301c1i">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="webkit">
    <title>小菜博客-养眼图集</title>
    <meta name="keywords" content="小菜博客-养眼图集">
    <meta name="description" content="小菜博客-养眼图集，小菜博客，个人博客">
    <meta name="author" content="小菜">
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="/photos/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/photos/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/photos/css/shadowbox.css">
    <link rel="stylesheet" type="text/css" href="/photos/css/style.css">
    <script src="/photos/js/jquery-2.1.0.min.js"></script>
    <script src="/photos/js/bootstrap.min.js"></script>
    <script src="/photos/js/pandaTab.js"></script>
    <script src="/photos/js/shadowbox.js"></script>
    <script src="/photos/js/jquery.qrcode.min.js"></script>
    <script src="/photos/js/masonry.pkgd.min.js"></script>
    <script src="/photos/js/pandaPicshow.js"></script>
</head>

<body class="y2017 m07 d08 h16 home page pageid-62 page-author-panda page-template page-template-page-all-php bg-gray">
<div class="backgroundImg" style="background-image:url(/photos/img/1-194601-0-4B0.jpeg)"></div>

<div id="header">
    <div class="categoryTab-full hidden-xs">
        <div class="container">
            <div class="row">

                <div class="col-sm-10 col-sm-push-1 categoryTab-content no-padding">
                    <div class="categoryTab" pandatab="" tabheight="45px" transitiontime="500" rebound="true"
                         navigatorwidth="30px">
                        <div class="menu-menu-1-container">

                            <ul id="menu-menu-1" class="menu">
                                <li>
                                    <a href="{{ route('home') }}" title="首页">首页</a>
                                </li>
                                <li>
                                    <a href="{{ route('photo') }}" title="全部">全部</a>
                                </li>
                                @foreach($categorys as $category)
                                    <li class="">
                                        <a href="{{ route('photo',$category->id)}}"> {{ $category->name }} </a>
                                    </li>
                                @endforeach

                            </ul>

                        </div>
                    </div>
                </div>


                <div class="col-sm-1 col-sm-push-1 search"><i class="fa fa-search" aria-hidden="true"></i>
                    <form method="get" name="searchform" class="sidebar-searchform" id="searchform"
                          action="{{ route('photo.search') }}">
                        <div class="main sidebar-search">
                            <input class="searchInput" type="text" id="s" name="searchTitle" value="" placeholder="输入关键字">
                            <input class="searchIcon" type="submit" value="" id="searchsubmit">
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <div class="mobile visible-xs-block"><!-- header/mobile -->
        <div class="container">
            <div class="col-xs-2 menu no-padding">
                <div class="menu-icon">
                    <div class="bread bread1"></div>
                    <div class="bread bread2"></div>
                    <div class="bread bread3"></div>
                </div>
                <div class="menu-list">
                    <div class="list">
                        <div class="menu-menu-1-container">
                            <ul id="menu-menu-2" class="menu">
                                <li>
                                    <a href="{{ route('photo') }}" title="全部">全部</a>
                                </li>
                                @foreach($categorys as $category)
                                    <li class="">
                                        <a href="{{ route('photo',$category->id)}}"> {{ $category->name }} </a>
                                    </li>
                                @endforeach
{{--                                <li><a href="/demo1054/" title="网站首页">首页</a></li>--}}

                            </ul>
                        </div>
                    </div>
                </div>
            </div>



            <div class="col-xs-10 mobileSearch"><i class="fa fa-search" aria-hidden="true"></i>
                <form method="get" name="searchform" class="sidebar-searchform" id="searchform" action="{{ route('photo.search') }}">
                    <div class="main sidebar-search">
                        <input class="searchInput" type="text" id="s" name="searchTitle" value="" placeholder="输入关键字">
                        <input class="searchIcon" type="submit" value="" id="searchsubmit">
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
<!-- #header -->
<div id="wrapper" class="hfeed">
    <div class="topTitle">
        <h1>美图欣赏</h1>
        <p class="description">美图欣赏主题 - 如有侵权请致信邮箱2655310177@qq.com</p>
    </div>
    <div class="category container">
        <div class="row">

            @foreach($atlas as $atla)
                <div class="col-xs-6 col-sm-4 col-lg-3 waterfallGrid">
                    <a href="{{ route('photo.details',$atla->id) }}" target="_blank">
                        <div class="post-photo album">
                            <div class="img">
                                <div style="background-image:url({{ $atla->image }});" ratio="1"  realratio="1"></div>
                            </div>
                            <h3 class="title">{{ $atla->title }}</h3>
                        </div>
                    </a>
                </div>
            @endforeach



        </div>
    </div>

    <div style="margin-left: 45%">
        {{ $atlas->links() }}
    </div>

</div>

<div id="footer" class="container">
    <span class="text">Copyright © 小菜博客，如有侵权，请联系我删除
        <a href="https://beian.miit.gov.cn/"  target="_blank" rel="nofollow"></a>
    </span>
</div>
<script type="text/javascript" src="/photos/js/theme.js"></script>
<script type="text/javascript" src="/photos/js/wp-embed.min.js"></script>


</body>

</html>
